
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Your Basic Site Informations -->
	<title>显示图表</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="Enews is a news or magazine site template that built with very cool responsive template with clean design, fast load, seo friendly, beauty color and a slew of features." />
    <meta name="keywords" content="Site Template, News, Magazine, Portofolio, HTML, CSS, jQuery, Newsletter, PHP Contact, Subscription, Responsive, Marketing, Clean, SEO" />
    <meta name="author" content="Dots Theme" />
    
    <!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
    <!-- Stylesheets -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/static/css/flexslider.css">
    <link rel="stylesheet" href="/static/css/prettyPhoto.css">
    <link rel="stylesheet" href="/static/css/style.css">
    
    <noscript><link rel="stylesheet" href="/static/css/no-js.css"></noscript> <!-- If JavaScript Disabled -->
    
    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
    
    <!-- Favicons -->
	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/static/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/static/images/apple-touch-icon-114x114.png">
    
    <!-- JavaScript -->
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.easing.js'></script>
    <script type='text/javascript' src='/static/js/jquery.flexslider-min.js'></script>
    <script type='text/javascript' src='/static/js/jflickrfeed.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.fitvids.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.lazyload.mini.js'></script>
    <script type='text/javascript' src='/static/js/jquery.prettyPhoto.js'></script>
    <script type='text/javascript' src='/static/js/jquery.placeholder.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.jticker.js'></script>
    <script type='text/javascript' src='/static/js/jquery.mobilemenu.js'></script>
    <script type='text/javascript' src='/static/js/jquery.isotope.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.hoverdir.js'></script>
    <script type='text/javascript' src='/static/js/modernizr.custom.js'></script>
    <script type="text/javascript" src="/static/js/main.js"></script>
     <script>
        function detail(pageDetail) {

		$("#hidDetail").val(pageDetail);
		$("#frmDetail").submit();
	}
    function paging(pageIndex) {

		$("#hidPageIndex").val(pageIndex);
		$("#frmPolicy").submit();
	}
    </script>
</head>

<body style="font-family: 微软雅黑;">

  
  {% include 'top.html' %}

  
  <div class="row-fluid">
   <div id="main" class="portofolio">

    <div class="row-fluid margin-top40">

{%  include 'pathname.html' %}

    <div class="alert alert-info">
      <button type="button" class="close" data-dismiss="alert">&times;</button>
      <h4>信息!</h4>

        1.用户可以浏览动态交互式图表.<strong>图表信息实时更新</strong>.<br>
        2.用户可以通过选择页面左上角的标签过滤图表,页面会自动筛选出符合标签的图表.<br>
        3.用户还可以点击浏览详情或者翻页浏览全部图表.<br>

     </div><br>
<form method="post" action="/index/showData/showChoice/" id="frmDetail">
<input type="hidden" name="hidDetail" id="hidDetail" value="" />
{#     <ul class="portofolio-filter">#}
{#      <li><a href="#" class="current active" data-filter="*">全部</a></li>#}
{#      <li><a href="#" data-filter=".web-design">社会招聘</a></li>#}
{#      <li><a href="#" data-filter=".typography">工资</a></li>#}
{#      <li><a href="#" data-filter=".design-inspiration">福利</a></li>#}
{#      <li><a href="#" data-filter=".wordpres">校园招聘</a></li>#}
{#     </ul> <!-- End Portofolio-Filter -->#}
     <ul class="portofolio-filter">
      <li><a href="#" class="current active" data-filter="*">All</a></li>
      <li><a href="#" data-filter=".岗位">岗位</a></li>
      <li><a href="#" data-filter=".工资">工资</a></li>
      <li><a href="#" data-filter=".城市">城市</a></li>
      <li><a href="#" data-filter=".就业">就业</a></li>
     </ul> <!-- End Portofolio-Filter -->

    {# the name here is the same as the name of the following label #}

     <div class="portofolio-items">


{#         {% for foo in mag_Dict %}#}
{##}
{#             <div class="span3 item web-design " {{ foo.location }}>#}
{##}
{#                <figure class="figure-overlay">#}
{#                    <a href="single_portofolio.html" title={{ foo.title }}>#}
{#                         <img src="/static/images/content/300/1.jpg" alt="Thumbnail 1" />#}
{#                         <div><p>{{ foo.title }} <i>in Web Design, Wordpress</i></p></div>#}
{#                    </a>#}
{#               </figure>#}
{#             <div class="text">#}
{#       <h2><a href="javascript: detail({{ foo.url }});" title="View permalink Glass House of The Moon">{{ foo.title }}</a></h2>#}
{#       <p>{{ foo.abstract }}</p>#}
{#       <div class="meta"><a href="javascript: detail({{ foo.url }});">{{ foo.author }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;{{ foo.time }}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript: detail({{ foo.url }});">{{ foo.time_D }}</a></div>#}
{#      </div>#}
{#             </div>#}
{##}
{##}
{#         {% endfor %}#}





         {% for foo in mag_Dict %}
            {% if foo.location == 'l' %}
     <!-- Two -->
     <div class="span6 item {{ foo.type }}" style="border: 2px solid #dadada;">
      <figure class="figure-overlay" style="border: 1px solid #dadada;border-bottom:0;">
       <a href="javascript: detail({{ foo.url }});">
        <img src="/static/images/content/600/{{ foo.url }}.jpg" alt="Thumbnail"/>
        <div><p>{{ foo.title }} <i>发布于{{ foo.time }}</i></p></div>
       </a>
      </figure>
      <div class="text" style="padding: 10px 20px 20px;box-shadow:0 -10px 20px #dadada;">
       <h2><a href="javascript: detail({{ foo.url }});" title="View permalink Glass House of The Moon" style="">{{ foo.title }}</a></h2>
       <p>{{ foo.abstract }}</p>
       <div class="meta"><a href="javascript: detail({{ foo.url }});">{{ foo.author }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;{{ foo.time }}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript: detail({{ foo.url }});">{{ foo.time_D }}</a></div>
      </div>

     </div>


            {% elif foo.location == 'r' %}
     <!-- Three -->

<div class="span6 item {{ foo.type }}" style="border: 2px solid #dadada;"> <!-- One -->
       <figure class="figure-overlay" style="border: 1px solid #dadada;border-bottom:0">
       <a href="javascript: detail({{ foo.url }});">
        <img src="/static/images/content/600/{{ foo.url }}.jpg" alt="Thumbnail" />
        <div><p>{{ foo.title }} <i>发布于{{ foo.time }}</i></p></div>
       </a>
      </figure>
      <div class="text" style="padding: 10px 20px 20px;box-shadow:0 -10px 20px #dadada;">
       <h2><a href="javascript: detail({{ foo.url }});" title="View permalink Alvear Art Black and White Theme">{{ foo.title }}</a></h2>
       <p>{{ foo.abstract }}</p>
       <div class="meta"><a href="javascript: detail({{ foo.url }});">{{ foo.author }}</a>&nbsp;&nbsp;|&nbsp;&nbsp;{{ foo.time }}&nbsp;&nbsp;|&nbsp;&nbsp;<a href="javascript: detail({{ foo.url }});">{{ foo.time_D }}</a></div>
      </div>
     </div>


{#        <div class="clearfix ie-sep"></div> <!-- Clearfix -->#}
            {% endif %}
        {% endfor %}
</form>
     </div>

     </div> <!-- End Portofolio-Items -->
   
    </div> <!-- End Row-Fluid -->
   </div> <!-- End Main -->
  
  </div> <!-- End Row-Fluid -->
 </div> <!-- End Container -->
 
 {% include 'bottom.html' %}

</body>
</html>